<template>
  <div class="I-I-I">
    <div class="I-I-I__title">
      Ⅰ人才培养质量
    </div>
    <table class="I-I-I__table">
      <tr class="I-I-I__table-trone">
        <td class="I-I-I__table-trone-td"
            colspan="5">
          <div class="I-I-I__table-trone-td-title">
            I-1思想政治教育特色与成效
          </div>
          <div class="I-I-I__table-trone-td-desc">
            填写“三全育人”综合改革情况，突出课程思政改革、社会实践开展、意识形态阵地管理、基层党组织建设、思政队伍建设等方面的特色做法和主要成效。
          </div>
        </td>
      </tr>
      <tr class="I-I-I__table-trtwo">
        <td class="I-I-I__table-trtwo-td"
            colspan="5">
          <div class="I-I-I__table-trtwo-td-title">
            （一）思想政治教育特色做法
            <span class="I-I-I__table-trtwo-td-title-tips">
              （限1000字）
            </span>
          </div>
        </td>
      </tr>
      <tr class="I-I-I__table-trthree">
        <td class="I-I-I__table-trthree-td"
            colspan="5">
          <el-input v-model="aaa.practice"
                    type="textarea"
                    :autosize="{ minRows: 10 }"
                    showWordLimit
                    placeholder="请输入思想政治教育特色做法"
                    :maxlength="1000"
                    class="two_indent"/>
        </td>
      </tr>

      <tr class="I-I-I__table-trfour">
        <td class="I-I-I__table-trfour-rowtd"
            rowspan="2">
          本学科所依托院<br>系的辅导员总数
        </td>
        <td class="I-I-I__table-trfour-tdtwo">
          专职辅导员数
        </td>
        <td class="I-I-I__table-trfour-tdthree">
          <el-input v-model="aaa.fullTimeNum"
                    type="input"
                    placeholder="请输入"
                    :maxlength="5"/>
        </td>
        <td class="I-I-I__table-trfour-tdfour">
          专职辅导员管理的学生总数<br>及生师比
        </td>
        <td class="I-I-I__table-trfour-tdfive">
          <el-input v-model="aaa.fullTimeStuNum"
                    type="input"
                    placeholder="请输入"
                    :maxlength="5">
            <template slot="append">
              ({{ zhuan_radio }}:1)
            </template>
          </el-input>
        </td>
      </tr>
      <tr class="I-I-I__table-trfour">
        <td class="I-I-I__table-trfour-tdtwo">
          兼职辅导员数
        </td>
        <td class="I-I-I__table-trfour-tdthree">
          <el-input v-model="aaa.partTimeNum"
                    type="input"
                    placeholder="请输入"
                    :maxlength="5"/>
        </td>
        <td class="I-I-I__table-trfour-tdfour">
          兼职辅导员管理的学生总数<br>及生师比
        </td>
        <td class="I-I-I__table-trfour-tdfive">
          <el-input v-model="aaa.partTimeStuNum"
                    type="input"
                    placeholder="请输入"
                    :maxlength="5"
                    class="I-I-I__table-trfour-tdfive-input">
            <template slot="append">
              ({{ jian_radio }}:1)
            </template>
          </el-input>
        </td>
      </tr>
      <tr class="I-I-I__table-trfive">
        <td class="I-I-I__table-trfive-td"
            colspan="5">
          <div class="I-I-I__table-trfive-td-title">
            （二）思想政治教育主要成效
            <span class="I-I-I__table-trfive-td-title-tips">
              （限800字）
            </span>
          </div>
        </td>
      </tr>
      <tr class="I-I-I__table-trthree">
        <td class="I-I-I__table-trthree-td"
            colspan="5">
          <el-input v-model="aaa.mainResult"
                    type="textarea"
                    :autosize="{ minRows: 8 }"
                    showWordLimit
                    placeholder="请输入思想政治教育主要成效"
                    :maxlength="800"
                    class="two_indent"/>
        </td>
      </tr>
      <tr class="I-I-I__table-trseven">
        <td colspan="3"
            class="I-I-I__table-trseven-tdone">
          荣誉表彰/项目类型
        </td>
        <td class="I-I-I__table-trseven-tdtwo">
          获得者
        </td>
        <td class="I-I-I__table-trseven-tdthree">
          获得年度
        </td>
        <el-button type="success"
                   size="small"
                   icon="el-icon-plus"
                   class="I-I-I__table-trseven-add-button"
                   circle
                   @click.prevent="addHonor"/>
      </tr>
      <tr v-for="(item, index) in aaa.honors"
          :key="index"
          class="I-I-I__table-treight">
        <td colspan="3"
            class="I-I-I__table-treight-tdone">
          <el-select v-model="item.honorName"
                     class="I-I-I__table-treight-tdone-select"
                     placeholder="请选择">
            <el-option v-for="item in options"
                       :key="item.value"
                       :label="item.label"
                       :value="item.value"/>
          </el-select>
        </td>
        <td class="I-I-I__table-treight-tdtwo">
          <el-input v-model="item.honer"
                    type="textarea"
                    autosize
                    placeholder="XX学院XX党支部"
                    :maxlength="50"
                    class="I-I-I__table-treight-tdtwo-input"/>
        </td>
        <td class="I-I-I__table-treight-tdthree">
          <el-input v-model="item.year"
                    type="input"
                    placeholder="2021"
                    :maxlength="9"/>
        </td>
        <el-button type="danger"
                   size="small"
                   icon="el-icon-delete"
                   class="I-I-I__table-treight-delete-button"
                   circle
                   @click.prevent="deleteHonor(index)"/>
      </tr>
    </table>
    <div class="I-I-I__explain">
      <span class="I-I-I__explain-strong">
        说明：①
      </span>
      表（一）专职辅导员指在院系专职从事大学生日常思想政治教育工作的教职员工，包括院系党委（党总支）副书记、学工组长、团委（团总支）书记等，不包括校团委、学工部、研工部人员。<span class="I-I-I__explain-strong">
        ②
      </span>
      若本学科依托多个院系建设，辅导员数按所有院系全部辅导员的总数统计。
      <span class="I-I-I__explain-strong">
        ③
      </span>
      “辅导员管理的学生总数”指所填专/兼职辅导员所管理的全部学生（包括各类研究生和本科生）总数，不含同等学力申请博士和硕士人员。
      <span class="I-I-I__explain-strong">
        ④
      </span>
      若获得“全国高校优秀中青年思想政治理论课教师择优资助项目、全国高校思想政治理论课教学方法改革择优推广项目、全国高校百个研究生样板党支部、全国高校百名研究生党员标兵、全国党建工作示范高校、全国党建工作标杆院系、全国党建工作样板支部、全国先进基层党组织、最美高校辅导员、最美大学生、中国大学生年度人物、全国高校辅导员年度人物”荣誉表彰，请在表（二）下方表格单独列出，其他荣誉表彰可在表（二）中文字描述。
    </div>
  </div>
</template>

<script>
import { getPageData } from '@/utils/getData.js'

export default {
  computed: {
    zhuan_radio () {
      if (this.aaa.fullTimeStuNum && this.aaa.fullTimeNum) {
        return (this.aaa.fullTimeStuNum / this.aaa.fullTimeNum).toFixed(2)
      }
      return 0
    },
    jian_radio () {
      if (this.aaa.partTimeStuNum && this.aaa.partTimeNum) {
        return (this.aaa.partTimeStuNum / this.aaa.partTimeNum).toFixed(2)
      }
      return 0
    }
  },
  watch: {
    aaa: {
      handler (newVal) {
        sessionStorage['this_data'] = JSON.stringify(newVal)
      },
      deep: true,
      immediate: true
    }
  },
  async mounted () {
    const loading = this.$loading({ lock: true, text: '数据获取中...请稍后！', background: 'rgba(0, 0, 0, 0.7)' })
    this.aaa = await getPageData('aaa')
    loading.close()
  },
  data () {
    return {
      options: [
        { value: '0', label: '全国高校优秀中青年思想政治理论课教师择优资助项目' },
        { value: '1', label: '全国高校思想政治理论课教学方法改革择优推广项目' },
        { value: '2', label: '全国高校百个研究生样板党支部' },
        { value: '3', label: '全国高校百名研究生党员标兵' },
        { value: '4', label: '全国党建工作示范高校' },
        { value: '5', label: '全国党建工作标杆院系' },
        { value: '6', label: '全国党建工作样板支部' },
        { value: '7', label: '全国先进基层党组织' },
        { value: '8', label: '最美高校辅导员' },
        { value: '9', label: '最美大学生' },
        { value: '10', label: '中国大学生年度人物' },
        { value: '11', label: '全国高校辅导员年度人物' }],
      aaa: {
        fullTimeNum: '',
        fullTimeStuNum: '',
        fullTimeStuRatio: '',
        honors: [],
        mainResult: '',
        partTimeNum: '',
        partTimeStuNum: '',
        partTimeStuRatio: '',
        practice: ''
      }
    }
  },
  methods: {
    addHonor () {
      this.aaa.honors.push({ honorName: '', honer: '', year: '' })
    },
    deleteHonor (index) {
      if (this.aaa.honors.length > 1) {
        this.aaa.honors.splice(index, 1)
      }
    }
  }
}
</script>

<style lang="less" scoped>
@import '../../assets/css/page/1-1-1.less';
</style>
